.my_box {
    width: 100vw;
    height: 100vh;
    // background-color: RGB(243, 243, 243);
    background-image: linear-gradient(to right bottom, #f1e7dc, #f0e4e4,#e2f0ec 50%,#f1f0e4);
    padding: 0 .4rem;
    


    .my_body {

        // height: calc(calc(91vh - 55vw) - 10px);
        // overflow: auto;

        >div {
            background-color: #FFF;
            margin-bottom: 10px;
        }
    }


    .my_header {
        box-sizing: border-box;
        width: 100%;
        height: 55vw;
        // background-color: RGB(46, 81, 227);
        position: relative;
        margin-bottom: 10px;
        // background-image: radial-gradient(circle, rgb(167, 180, 255), blue);

        .my_profile {
            width: 22vw;
            height: 22vw;
            background-color: #FFF;
            border-radius: 50%;
            position: absolute;
            left: calc(50% - 11vw);
            top: 14vw;
            overflow: hidden;
            text-align: center;
            line-height: 22vw;

            img {
                width: 101%;
                height: 101%;
            }
        }

        .my_profileType {
            position: absolute;
            width: 100px;
            left: calc(50% - 50px);
            top: 40vw;
            text-align: center;
            font-size: 14px;
            color: rgb(0, 0, 0);
            font-weight: bolder;
        }
    }

    .my_common {
        border-radius: .266667rem;
        >div {
            width: 100%;
            display: flex;
            line-height: 60px;

            .my_commonIcon {
                width: 60px;
                height: 60px;
                text-align: center;
            }

            .my_content {
                height: 60px;
                display: flex;
                width: calc(100vw - 60px);
                justify-content: space-between;
                border-bottom: 1px solid RGB(243, 243, 243);

                .my_contentTitle {
                    font-weight: bolder;
                }

                .my_contentBtn {
                    .iconfont {
                        font-size: 15px;
                        color: RGB(207, 207, 207);
                    }

                    >p {
                        font-size: 14px;
                    }

                    b {
                        height: 30px;
                        font-size: .32rem;
                        // border: 1px solid #ccc;
                        padding: .053333rem .3rem;
                        // background-color: rgb(228, 228, 228);
                        background-image: linear-gradient(to left, rgb(143, 172, 143), rgb(194, 146, 172));
                        color: #fff;
                        border-radius: 999em;
                        font-weight: 500;
                    }

                    span {
                        display: inline-block;
                        // font-weight: 600;
                        color: rgb(236, 72, 72);
                        background-image: linear-gradient(90deg,
                                rgb(238, 78, 78),
                                rgb(91, 91, 216),
                                rgb(199, 119, 119),
                                rgb(197, 118, 118),
                                rgb(88, 88, 199),
                                rgb(253, 133, 133));
                        background-clip: text;
                        background-size: 200%;
                        /* 字体颜色 */
                        -webkit-background-clip: text;
                        -webkit-text-fill-color: transparent;
                        animation: streamer 2s linear infinite;
                    }


                    @keyframes streamer {
                        0% {
                            background-position: 0%;
                        }

                        100% {
                            background-position: 200%;
                        }
                    }
                }

                >div {
                    display: flex;

                    p {
                        margin: 0 10px 0 0;
                    }
                }
            }
        }
    }

    .iconfont {
        font-size: 20px;
        color: RGB(231, 189, 165);
    }

    // 公共就放这了弹层
    .my_alert {
        background-color: rgba(142, 142, 142, 0.5);
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }


}